<template>
	<view class="view-mv">
		<u-swiper class="mv-banner"  height="800" :list="data.list4" keyName="url" indicator :autoplay="true" :verticalfag="true"></u-swiper>
	
		<!-- 	<swiper-item class="mv-banner-item">
				<video class="myVideo"
					src="http://vodkgeyttp8.vod.126.net/cloudmusic/obj/core/4914503926/ec998b1a93511658ee55d50fcca8bae4.mp4?wsSecret=020e5d10beed27ed46bfa73dc19d9d43&wsTime=1693494694"
					controls enable-play-gesture title="测试一下">
					<cover-view class="mv-cover">
						423423423
					</cover-view>
				</video>
			</swiper-item> -->
		<!-- </swiper> -->
	</view>
</template>
<!-- http://vodkgeyttp8.vod.126.net/cloudmusic/obj/core/30072907574/19b69b850ff9b9d9bea7b3fc55d6c255.mp4?wsSecret=73dd766378c3222041699131e931bfd8&wsTime=1693362469 -->
<script lang="ts" setup>
	import { reactive, ref } from "vue";
	import { onLoad } from "@dcloudio/uni-app"
	onLoad(() => {
		//动态设置状态栏颜色
		uni.setNavigationBarColor({
			frontColor: '#fff',
			backgroundColor: '#000000'
		})
	})
	const data = reactive({
		list4: [{
			url: 'http://vodkgeyttp8.vod.126.net/cloudmusic/obj/core/4914503926/ec998b1a93511658ee55d50fcca8bae4.mp4?wsSecret=020e5d10beed27ed46bfa73dc19d9d43&wsTime=1693494694',
			title: '昨夜星辰昨夜风，画楼西畔桂堂东',
			poster: 'https://p1.music.126.net/AGz7jlrXKhMevr3LyCHQXw==/109951165482711353.jpg'
		}, {
			url: 'https://cdn.uviewui.com/uview/swiper/swiper2.png',
			title: '身无彩凤双飞翼，心有灵犀一点通'
		}, {
			url: 'https://cdn.uviewui.com/uview/swiper/swiper3.png',
			title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
		}],
	})
</script>

<style lang="scss">
	::uni-swiper .uni-swiper-wrapper {
		overflow-y: auto !important;
	}

	::uni-swiper-item {
		overflow-y: auto !important;
	}

	.view-mv {
		width: 100%;
		height: 100%;

		.mv-banner {
			width: 100%;
			height: 100vh;

			.myVideo {
				width: 100%;
				height: 90%;

				.mv-banner-item {
					height: 100vh;
				}

				// .mv-cover {
				// 	z-index: 999999;
				// 	color: #fff;
				// 	background-color: blue;
				// }
			}
		}
	}
</style>